<template>
  <div id="salvenote">
    <div class="page-header">
      <span class="title-item">运维成果反馈</span>
    </div>
    <div style="display: flex">
      <a-form-item
        label="完成情况"
        labelAlign="right"
        style="margin-bottom: 10px"
      >
        <a-select @change="selectArea" style="width: 190px" allowClear>
          <a-select-option value="1"> 未完成 </a-select-option>
          <a-select-option value="2"> 进行中 </a-select-option>
          <a-select-option value="3"> 已完成 </a-select-option>
        </a-select>
      </a-form-item>
      <a-form-model-item
        label="排口选择"
        style="margin-bottom: 10px; margin-left: 20px"
      >
        <a-input
          v-model="page.equipmentName"
          placeholder="请输入排口"
          allow-clear
        ></a-input>
      </a-form-model-item>
      <a-button
        style="
          letter-spacing: 8px;
          margin-left: 50px;
          margin-top: 4px;
          font-size: 16px;
          font-weight: 600;
          background: #207064;
          border: 1px solid #207064;
          color: rgba(255, 255, 255, 0.8);
        "
        type="primary"
        @click="onSubmit"
        >查询</a-button
      >
    </div>
    <div class="tableclass">
      <a-table
        style="height: 94%"
        :data-source="data"
        :pagination="false"
        :columns="columns"
      >
        <span slot="action" slot-scope="text, action">
          <a class="solvebtn" @click="showModal(action)">详细信息</a>
          <a class="solvebtn" @click="exhibition(action)">台账明细</a>
        </span>
        <template slot="status" slot-scope="status">
          <span style="color: #d16655" v-if="status == 1">未完成</span>
          <span style="color: #afa82e" v-if="status == 2">进行中</span>
          <span style="color: #359842" v-if="status == 3">已完成</span>
        </template>
      </a-table>
      <div class="bottompage">
        <a-pagination
          :show-total="(total) => `共 ${total} 条记录`"
          :item-render="itemRender"
          v-model="page.current"
          :total="total"
          :defaultPageSize="page.size"
          @change="pagechangeFn"
          show-less-items
          hideOnSinglePage
        />
      </div>
      <!-- 详情弹出框 -->
      <a-modal
        title="分派详情"
        :visible="visible"
        @cancel="handleCancel"
        :footer="null"
      >
        <a-form-model
          class="monitorCalibrationRecordPoover"
          :form="list"
          :label-col="{ span: 5 }"
          :wrapper-col="{ span: 12 }"
        >
          <a-form-model-item label="任务名称">{{
            this.detail.name
          }}</a-form-model-item>
          <a-form-model-item label="计划开始时间">{{
            this.detail.planStartTime
          }}</a-form-model-item>
          <a-form-model-item label="计划结束时间">{{
            this.detail.planEndTime
          }}</a-form-model-item>
          <a-form-model-item label="任务区域">{{
            this.detail.taskArea
          }}</a-form-model-item>
          <div>
            <div class="faultlist">日常巡检项</div>
            <template v-if="fault.length > 0">
              <div v-for="(item, index) in fault" :key="index">
                <a-row v-for="(list, index) in item.overall" :key="index">
                  <a-col :span="11" style="font-size: 16px; color: #9fb043">
                    {{ list.field }}
                  </a-col>
                  <a-col :span="13" style="font-size: 14px; color: #bebebe">
                    {{ list.details }}
                  </a-col>
                </a-row>
              </div>
            </template>
            <div
              v-else-if="fault.length == 0"
              style="font-size: 16px; color: #bebebe"
            >
              没有异常问题
            </div>
          </div>
        </a-form-model>
      </a-modal>
      <!-- 展示表格 -->
      <a-modal
        :visible="visibleA"
        @cancel="handleCancelA"
        :footer="null"
        width="80%"
      >
        <a-row class="tablename">
          <a-col :span="3">
            <li
              v-for="(i, index) in tags"
              @click="changeTag(i, index)"
              :key="index"
              class="changetags"
              :class="{ ischange: ischange == index }"
            >
              {{ i.name }}
            </li>
          </a-col>
          <a-col :sapn="24">
            <a-tabs type="card" class="tableall">
              <template v-if="tableType == 1">
                <a-tab-pane key="1" tab="烟气更换">
                  <div class="scroll-bar">
                    <div class="monitorCalibrationRecordPo">
                      <a-row>
                        <a-col :span="12">更换日期</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.replaceTime
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">标准物质名称</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.consumablesName
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">单位</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.unit
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">数量</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.amount
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">供应商</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.supplier
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">有效期</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.validity
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">维护保养人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.maintenancePersonnel
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">审核人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.reviewer
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">审核时间</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.reviewerTime
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">运维点</a-col>
                        <a-col :span="12" class="listcentent">{{
                          listData.operationPointId
                        }}</a-col>
                      </a-row>
                    </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="2" tab="烟气维修">
                  <div class="scroll-bar">
                    <a-row
                      class="monitorCalibrationRecordPo"
                      v-for="(item, index) in smokerepair"
                      :key="index"
                    >
                      <a-col :span="8">
                        {{ item.superiorField }}
                      </a-col>
                      <a-col
                        :span="8"
                        v-for="(list, i) in item.overall"
                        :key="i"
                        >{{ list.field }}
                        <div class="listcentent">{{ list.situation }}</div>
                      </a-col>
                    </a-row>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="3" tab="烟气校准">
                  <div class="scroll-bar">
                    <a-row
                      class="monitorCalibrationRecordPo"
                      v-for="(item, index) in calobration"
                      :key="index"
                    >
                      <a-col
                        :span="4"
                        v-for="(list, i) in item.overall"
                        :key="i"
                        >{{ list.field }}
                        <div class="listcentent">{{ list.situation }}</div>
                      </a-col>
                    </a-row>
                  </div>
                </a-tab-pane>
              </template>
              <template v-else-if="tableType == 2">
                <a-tab-pane key="1" tab="更换记录">
                  <div class="scroll-bar">
                    <div class="monitorCalibrationRecordPo">
                      <a-row>
                        <a-col :span="12">更换日期</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.replaceTime
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">易耗品名称</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.consumablesName
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">规格型号</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.specification
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">单位</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.unit
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">数量</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.amount
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">更换原因说明</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.note
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">维护保养人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.maintenancePersonnel
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">审核人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.reviewer
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">审核时间</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.reviewerTime
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">运维点</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterreplace.operationPointId
                        }}</a-col>
                      </a-row>
                    </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="2" tab="维修记录">
                  <div class="scroll-bar">
                    <div class="monitorCalibrationRecordPo">
                      <a-row>
                        <a-col :span="12">故障情况及发生时间</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.faultCondition
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">维修人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.repairman
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">维修日期</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.repairTime
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12"
                          >修复后使用前校验时间、校验结果说明</a-col
                        >
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.afterRepair
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">校验人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.verifier
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">校验时间</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.inspectionTime
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">正常投入使用时间</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.normalInvestment
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">负责人</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.leadingCadre
                        }}</a-col>
                      </a-row>
                      <a-row>
                        <a-col :span="12">负责时间</a-col>
                        <a-col :span="12" class="listcentent">{{
                          waterrepair.leadingTime
                        }}</a-col>
                      </a-row>
                    </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="3" tab="水质校验">
                  <div class="scroll-bar">
                    <div class="monitorCalibrationRecordPoover">
                      <template v-for="(list, index) in waterverification">
                        <a-row type="flex" class="monitorCalibrationRecordPo">
                          第{{ index + 1 }}次
                        </a-row>
                        <a-row type="flex" class="monitorCalibrationRecordPo">
                          <a-col :span="4">校验项</a-col>
                          <a-col :span="5">标准值</a-col>
                          <a-col :span="5">仪器值</a-col>
                          <a-col :span="5">误差</a-col>
                          <a-col :span="5">结论</a-col>
                        </a-row>
                        <template>
                          <a-row class="listcontent" type="flex">
                            <a-col :span="4">{{ list.monitoringType }}</a-col>
                            <a-col :span="5">{{ list.standardValue }}</a-col>
                            <a-col :span="5">{{ list.instrumentValue }}</a-col>
                            <a-col :span="5">{{ list.error }}</a-col>
                            <a-col :span="5">{{ list.conclusion }}</a-col>
                          </a-row>
                        </template>
                      </template>
                    </div>
                  </div>
                </a-tab-pane>
                <a-tab-pane key="4" tab="水质校准">
                  <div class="scroll-bar">
                    <a-row class="monitorCalibrationRecordPo">
                      <a-col :span="4" v-for="(item, index) in watercailbration"  :key="index" >{{ item.field }}
                        <div class="listcentent">
                          {{ item.situation }}
                        </div>
                      </a-col>
                    </a-row>
                  </div>
                </a-tab-pane>
              </template>
            </a-tabs>
          </a-col>
        </a-row>
      </a-modal>
    </div>
  </div>
</template>

<script>
import moment from "moment";
import "moment/locale/zh-cn";
import { log } from "video.js";

export default {
  data() {
    return {
      tableType: 0,
      arrData: [],
      listData: [], //烟气更换
      checklist: [], //校验记录
      smokerepair: [], //维修记录
      calobration: [], //烟气校准
      watercalobration: [], //水质校准
      waterreplace: [], //水质更换
      waterrepair: [], //水质维修
      waterverification: [], //水质校验
      watercailbration: [], //水质校准
      columns: [
        {
          title: "序号",
          dataIndex: "num",
          align: "center",
          customRender: (text, record, index) =>
            `${(this.page.current - 1) * this.page.size + index + 1}`,
        },
        {
          title: "公司名称",
          dataIndex: "companyName",
          align: "center",
          width: "16%",
        },
        {
          title: "任务名称",
          dataIndex: "name",
          align: "center",
        },
        {
          title: "分配人",
          dataIndex: "nickname",
          align: "center",
        },
        {
          title: "执行人",
          dataIndex: "_nickname",
          align: "center",
        },
        {
          title: "计划开始时间",
          dataIndex: "planStartTime",
          align: "center",
        },
        {
          title: "计划结束时间",
          dataIndex: "planEndTime",
          align: "center",
        },
        {
          title: "状态",
          dataIndex: "status",
          scopedSlots: { customRender: "status" },
          align: "center",
        },
        {
          title: "操作",
          dataIndex: "",
          key: "x",
          scopedSlots: { customRender: "action" },
          width: "18%",
          align: "center",
        },
      ],
      ischange: 0,
      tags: [],
      data: [],
      title: "",
      moment,
      page: {
        current: 1,
        size: 9,
        status: "",
        equipmentName: "",
      },
      total: 0,
      //详情弹出框
      visible: false,
      visibleA: false,
      confirmLoading: false,
      //表格数据
      list: [],
      //详情数据
      detail: {
        type: 0,
      },
      //日常巡检项
      fault: [],
      //修改数据
      addForm: {
        id: "",
        name: "",
        taskArea: "",
        note: "string //备注",
        status: 1,
        planStartTime: "",
        planEndTime: "",
      },
      checkData1: {},
      checkData2: {},
      checkData3: [],
    };
  },

  methods: {
    onSubmit() {
      this.getdata();
    },
    //选择完成情况
    selectArea(value) {
      this.page.status = value;
    },
    //分页方法
    itemRender(current, type, originalElement) {
      if (type === "prev") {
        return <a> 上一页 </a>;
      } else if (type === "next") {
        return <a> 下一页 </a>;
      }
      return originalElement;
    },
    pagechangeFn(page, pageSize) {
      this.page.current = page;
      this.getdata();
    },
    //弹出框方法,查看详情
    showModal(data) {
      this.detail = data;
      this.visible = true;
      let id = data.id;
      this.inspectionReportPolist();
    },
    //弹窗框，展示表格
    exhibition(data) {
      this.detail = data;
      this.tableType = data.taskEquipmentInfoPoList.monitorType;

      this.findOperationByPage();
    },
    //tab切换
    changeTag(item, index) {
      if (this.tableType == 1) {
        this.listData = JSON.parse(JSON.stringify(item.smokeReplacePo[0]));
        this.smokerepair = JSON.parse(
          JSON.stringify(item.smokeRepairPo[0].inspectionReportPo)
        );
        this.calobration = JSON.parse(
          JSON.stringify(item.driftCalibrationPo[0].overall)
        );
        // this.listData.replaceTime = moment
        //   .unix(this.listData.replaceTime / 1000)
        //   .format("YYYY/MM/DD");
        this.listData.replaceTime = moment(this.listData.replaceTime).format(
          "YYYY/MM/DD"
        );
        this.listData.validity = moment(this.listData.validity).format(
          "YYYY/MM/DD"
        );
        // this.listData.validity = moment
        //   .unix(this.listData.validity / 1000)
        //   .format("YYYY/MM/DD");
      } else {
        this.waterreplace = JSON.parse(JSON.stringify(item.waterReplacePo[0]));
        this.waterrepair = JSON.parse(JSON.stringify(item.waterRepairPo[0]));
        // this.waterreplace.replaceTime = moment
        //   .unix(this.waterreplace.replaceTime / 1000)
        //   .format("YYYY/MM/DD");
        // console.log(item);
        // this.waterrepair.repairTime = moment
        //   .unix(this.waterrepair.repairTime / 1000)
        //   .format("YYYY/MM/DD");
        this.waterreplace.replaceTime = moment(
          this.waterreplace.replaceTime
        ).format("YYYY/MM/DD");
        this.waterreplace.repairTime = moment(
          this.waterreplace.repairTime
        ).format("YYYY/MM/DD");
        this.waterverification = JSON.parse(
          JSON.stringify(item.monitorCalibrationRecordPo[0].overall)
        );
        this.watercailbration = JSON.parse(
          JSON.stringify(item.waterDriftCalibrationPo[0].overall[0].overall)
        );
      }
      this.ischange = index;
    },
    //关闭弹窗
    handleCancel(e) {
      console.log("点击关闭按钮");
      this.visible = false;
      this.fault = [];
    },
    //关闭弹窗
    handleCancelA() {
      this.visibleA = false;
      this.listData = [];
      this.waterreplace = [];
      this.smokerepair = [];
      this.calobration = [];
      this.waterrepair = [];
      this.waterverification = [];
      this.waterDriftCalibrationPo = [];
    },
    //日期方法
    onChangeDate() {},
    //获取数据
    getdata(sid) {
      var that = this;
      this.$api.task_findByPage(this.page).then((res) => {
        console.log(res.data.data);
        var result = res.data.data;
        for (var i = 0; i < result.length; i++) {
          if (result[i].equipmentCount == null) {
            result[i].equipmentCount = "";
          }
          if (result[i].equipmentType == null) {
            result[i].equipmentType = "";
          }
        }
        this.data = res.data.data;
        this.data.forEach((item) => {
          console.log(item);
          if (item.planStartTime === null) {
            item.planStartTime = "";
          } else {
            item.planStartTime = moment(item.planStartTime).format(
              "YYYY/MM/DD"
            );
          }
          if (this.planEndTime === null) {
            item.planEndTime = "";
          } else {
            item.planEndTime = moment(item.planEndTime).format("YYYY/MM/DD");
          }
          item._nickname = "";
          item.userInfoPoList.forEach((nickname) => {
            console.log();
            item._nickname += nickname.nickname + ",";
          });
          item._nickname = item._nickname.substring(
            0,
            item._nickname.length - 1
          );
        });
        that.data = result;
        this.total = res.data.total;
      });
    },
    //日常巡检
    inspectionReportPolist() {
      this.$api.Api_findOperationByPage(this.detail.id).then((res) => {
        if (res.data.code == 0) {
          var arrData = res.data.data.inspectionItemsSelecrPo;
          this.fault = arrData[0].inspectionReportPo; //日常巡检
        }
        if (res.data.code > 0) {
          var arrData = res.data.data.inspectionItemsSelecrPo;
          this.fault = arrData[0].inspectionReportPo; //日常巡检
        }
      });
    },
    //表格数据
    findOperationByPage() {
      this.$api.Api_findOperationByPage(this.detail.id).then((res) => {
        console.log(res);
        if (res.data.data.status == 3) {
          var condition = res.data.data.taskEquipmentInfoPoList.monitorType;
          if (condition == 1) {
            var arrData = res.data.data;
            // if (arrData.length <= 0) {
            //   this.$message.info("暂无数据");
            //   return;
            // }
            this.tags = arrData;
            this.fault = arrData[0].inspectionReportPo; //日常巡检
            this.listData = arrData[0].smokeReplacePo[0]; //烟气更换
            this.smokerepair = arrData[0].smokeRepairPo[0].inspectionReportPo; //烟气维修
            this.calobration = arrData[0].driftCalibrationPo[0].overall; //烟气校准
            this.visibleA = true;
          } else {
            var arrData = res.data.data;
              console.log(arrData);
            // if (arrData.length <= 0) {
            //   this.$message.info("暂无数据");
            //   return;
            // }
            this.tags = arrData;
            this.fault = arrData[0].inspectionReportPo; //日常巡检
            this.waterreplace = arrData[0].waterReplacePo[0]; //水质更换
            this.waterrepair = arrData[0].waterRepairPo[0]; //水质维修
            this.waterverification =
              arrData[0].monitorCalibrationRecordPo[0].overall; //水质校验
            this.watercailbration =
              arrData[0].waterDriftCalibrationPo[0].overall[0].overall; //水质校准
            this.visibleA = true;
            this.changeTag(arrData[0], 0);
          }
        }else{this.$message.info("暂无数据")
        }
      });
    },
    //取消按钮
    cancelBtn() {
      this.visibleA = false;
    },
  },
  mounted() {
    this.getdata();
  },
};
</script>
<style scoped src="../../../../assets/style/warning.css"></style>
<style scoped lang="scss" >
.monitorCalibrationRecordPoover {
  height: 500px !important;
  overflow: scroll;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}
.monitorCalibrationRecordPo {

  font-size: 18px;
  text-align: center;
  color: #9fb043;
}
.listcentent {
  font-size: 16px;
  text-align: center;
  color: #bebebe;
  line-height: 30px;
  height: 30px;
}
.listcontent {
  font-size: 16px;
  text-align: center;
  color: #bebebe;
}
.faultlist {
  padding-top: 20px !important;
  border-top: 1px dashed #bebebe;
  font-size: 19px;
  color: #37ddc0;
  font-weight: bold;
}
.ischange {
  color: #37ddc0 !important;
}
.changetags {
  color: #6f8a86;
  margin-top: 50px;
  margin-right: 40px;
  font-size: 17px;
  text-align: center;
}
.tags {
  height: 100%;
  li {
    line-height: 40px;
    margin: 0 15px;
    cursor: pointer;
  }
}
.tablename {
  display: flex;
}
.tableall {
  width: 1100px;
}
.scroll-bar {
  height: 500px;
  overflow-y: auto;
}

::v-deep .ant-descriptions-title {
  color: #37ddc0;
  font-size: 24px;
}
::v-deep#salvenote .ant-form-item {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

::v-deep#salvenote .ant-form-item-children {
  display: inline-block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#salvenote {
  position: relative;
  width: 98%;
  height: 98%;
  padding: 1%;
  box-sizing: border-box;
}
.solve-img {
  display: flex;
  justify-content: space-evenly;
}
/* 表格样式 */
.tableclass {
  width: 100%;
  height: 86%;
}
#salvenote .solvebtn {
  margin-right: 10px;
  border: none;
  font-weight: 700;
  color: #2c6a5f;
}
#salvenote .ant-btn-danger {
  color: #1c2c2c;
  margin-right: 10px;
  background-color: #2c6a60;
  border: none;
  font-weight: 700;
}
#salvenote .ant-btn-primary {
  border: none;
  color: #1c2c2c;
  background-color: #2e5881;
}
::v-deep#salvenote .ant-table table {
  height: auto;
  border-radius: 0;
  border-left: 1px solid #207064;
  border-right: 1px solid #207064;
}
.bottompage {
  position: absolute;
  right: 3%;
  bottom: 10px;
  display: flex;
  justify-content: space-between;
}
#salvenote ::v-deep .ant-checkbox-inner {
  border: 2px solid #2e9685;
  background-color: rgba(140, 179, 174, 0.5) !important;
}
#salvenote .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 0;
  background-color: rgba(30, 50, 48, 0.5);
  box-shadow: 0 0 10px 1px #188471 inset;
}

.ant-pagination {
  color: #bebebe;
}
.ant-form-item {
  color: #bebebe;
}
// 详情
::v-deep #salvenote .ant-form-item-children {
  color: rgba(255, 255, 255, 0.7);
}

.monitorCalibrationRecordPo {
  font-size: 22px;
  text-align: center;
  color: #9fb043;
}
.monitorCalibrationRecordPoList {
  font-size: 18px;
  text-align: center;
  color: #bebebe;
}
.monitorCalibrationRecordPotitle {
  font-size: 30px;
  color: #37ddc0;
}
.driftCalibrationPoList {
  font-size: 18px;
  text-align: center;
  color: #bebebe;
}

::v-deep .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  background: #2c6a5f;
  border: 1px solid #3cbda6;
}
::v-deep .ant-tabs-bar {
  border-bottom: 1px solid #3cbda6;
  margin-bottom: 0 !important;
}
::v-deep .scroll-bar {
  border-left: 1px solid #3cbda6;
  border-right: 1px solid #3cbda6;
  border-bottom: 1px solid #3cbda6;
}
::v-deep .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #9fb043;
}
::v-deep .ant-tabs-nav .ant-tabs-tab:hover {
  color: #9fb043;
}
</style>

